<template>
  <div>
    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
      <el-tab-pane label="星期一" name="Monday">
        <el-row :gutter="20">
          <el-col :span="3">
            <div class="grid-content bg-purple"></div>
          </el-col>
          <el-col :span="3">
            <div class="grid-content bg-purple"></div>
          </el-col>
          <el-col :span="3">
            <div class="grid-content bg-purple"></div>
          </el-col>
          <el-col :span="3">
            <div class="grid-content bg-purple"></div>
          </el-col>
        </el-row>
      </el-tab-pane>
      <el-tab-pane label="星期二" name="Tuesday"></el-tab-pane>
      <el-tab-pane label="星期三" name="Wednesday"></el-tab-pane>
      <el-tab-pane label="星期四" name="Thursday"></el-tab-pane>
      <el-tab-pane label="星期五" name="Friday"></el-tab-pane>
      <el-tab-pane label="星期六" name="Saturday"></el-tab-pane>
      <el-tab-pane label="星期日" name="Sunday"></el-tab-pane>
    </el-tabs>
  </div>
</template>


<script>
export default {
  data() {
    return {};
  }
};
</script>